
const {resolve} = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
    entry:'./src/index.js',
    output:{
        filename:'built.js',
        path:resolve(__dirname,'built')
    },
    module:{
        rules:[
            {
                test:/\.less$/,
                // 要使用多个loader处理用use
                use:['style-loader','css-loader','less-loader']
            },
            // 配置url-loader后打包，发现有两个图片出不来，如果不要这个loader可以正常显示（后期确认）
            // {
            //     // 处理图片资源
            //     test: /\.(jepg|png|jpg|gif)$/,
            //     // 使用一个loader
            //     // 下载url-loader  file-loader
            //     loader: 'url-loader',
            //     options:{
            //         // 图片大小小于8kb，就会被base64处理
            //         // 优点：减少请求数量（减轻服务器的压力）
            //         // 缺点：图片体积会更大（文件请求速度更慢）
            //         limit: 4 * 1024
            //     }
            // }
        ]

    },
    plugins:[
        new HtmlWebpackPlugin({
            template: './src/index.html'
        })
    ],
    mode:'development'
}